<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.js"></script>
		<script type="text/javascript">
			$(function() {
				var timer = null;
				var index = 0;
				var picLi = $("#banner #picUl li");
				var tabLi = $("#banner #tabUl li");
				var tabSp = $("#banner #tabUl li span")
				var size = $("#banner #picUl li").size();
				tabLi.mouseover(function() {
					index = $("#banner #tabUl li").index(this);
					$(this).addClass('active').siblings().removeClass('active');
					tabSp.eq(index).addClass('on').siblings().removeClass('on');
					picLi.eq(index).fadeIn().siblings().fadeOut();
				});
				$("#picUl").hover(function() {
					clearInterval(timer);
				}, function() {
					timer = setInterval(move, 1000);
				}).trigger("mouseout");
				function move() {
					index++;
					if (index == size) {
						index = 0;
					}
					tabLi.eq(index).addClass('active').siblings().removeClass('active');
					tabSp.eq(index).addClass('on').siblings().removeClass('on');
					picLi.eq(index).fadeIn().siblings().fadeOut();
				}
			})
		</script>

	</head>
	<body>
		<div style="padding-left: 40px;">
			<iframe src="header.html" width="980" height="136" frameborder="0" scrolling="no"></iframe>
		</div>
		<div id="bj">
			<div class="height hw1d lfloat">
				<ul class="ul" style="margin-top: 34px;">
					<h4 class="leiname">家用电器</h4>
					<li class="li1 lfloat">大家电</li>
					<li class="li1 lfloat">洗衣机</li>
					<li class="li1 lfloat">平板电视</li>
					<li class="li1 lfloat">电热水器</li>
					<li class="li1 lfloat">家庭音响</li>
					<li class="li1 lfloat">热水器</li>
					<li class="li1 lfloat">空调冰箱</li>
					<li class="li1 lfloat">冷柜</li>
					<li class="li1 lfloat">DVD</li>
					<li class="li1 lfloat">电视附件</li>
					<li class="li1 lfloat">电燃气</li>
					<li class="li1 lfloat">家电下乡</li>
					<li class="li1 lfloat">家电服务</li>
					<li class="li1 lfloat">电饭煲</li>
					<li class="li1 lfloat">摄像机</li>
				</ul>
				<ul class="ul">
					<h4 class="leiname lfloat">书籍</h4>
					<li class="li1 lfloat">大家电</li>
					<li class="li1 lfloat">洗衣机</li>
					<li class="li1 lfloat">平板电视</li>
					<li class="li1 lfloat">电热水器</li>
					<li class="li1 lfloat">家庭音响</li>
					<li class="li1 lfloat">热水器</li>
					<li class="li1 lfloat">空调冰箱</li>
					<li class="li1 lfloat">冷柜</li>
					<li class="li1 lfloat">DVD</li>
					<li class="li1 lfloat">电视附件</li>
					<li class="li1 lfloat">电燃气</li>
					<li class="li1 lfloat">家电下乡</li>
					<li class="li1 lfloat">家电服务</li>
					<li class="li1 lfloat">电饭煲</li>
					<li class="li1 lfloat">摄像机</li>
				</ul>
				<ul class="ul">
					<h4 class="leiname lfloat">手机数码</h4>
					<li class="li1 lfloat">大家电</li>
					<li class="li1 lfloat">洗衣机</li>
					<li class="li1 lfloat">平板电视</li>
					<li class="li1 lfloat">电热水器</li>
					<li class="li1 lfloat">家庭音响</li>
					<li class="li1 lfloat">热水器</li>
					<li class="li1 lfloat">空调冰箱</li>
					<li class="li1 lfloat">冷柜</li>
					<li class="li1 lfloat">DVD</li>
					<li class="li1 lfloat">电视附件</li>
					<li class="li1 lfloat">电燃气</li>
					<li class="li1 lfloat">家电下乡</li>
					<li class="li1 lfloat">家电服务</li>
					<li class="li1 lfloat">电饭煲</li>
					<li class="li1 lfloat">摄像机</li>
				</ul>
				<ul class="ul">
					<h4 class="leiname lfloat">日用百货</h4>
					<li class="li1 lfloat">大家电</li>
					<li class="li1 lfloat">洗衣机</li>
					<li class="li1 lfloat">平板电视</li>
					<li class="li1 lfloat">电热水器</li>
					<li class="li1 lfloat">家庭音响</li>
					<li class="li1 lfloat">热水器</li>
					<li class="li1 lfloat">空调冰箱</li>
					<li class="li1 lfloat">冷柜</li>
					<li class="li1 lfloat">DVD</li>
					<li class="li1 lfloat">电视附件</li>
					<li class="li1 lfloat">电燃气</li>
					<li class="li1 lfloat">家电下乡</li>
					<li class="li1 lfloat">家电服务</li>
					<li class="li1 lfloat">电饭煲</li>
					<li class="li1 lfloat">摄像机</li>
				</ul>
			</div>
			<div style="width: 520px;height: 190px; float: left;">
				<div id="banner">
					<div id="pic">
						<ul id="picUl">
							<li><a href="#"><img src="images/ad-01.jpg"></a></li>
							<li><a href="#"><img src="images/ad-02.jpg"></a></li>
							<li><a href="#"><img src="images/ad-03.jpg"></a></li>
							<li><a href="#"><img src="images/ad-04.jpg"></a></li>
						</ul>
					</div>

				</div>
			</div>
			<div class="height hw2d lfloat">
				<ul class="ul2">
					<li><img src="images/promote-1.jpg"></li>
					<li class="li2">惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/promote-2.jpg"></li>
					<li class="li2">夏新N6 Gps真人语音导航手机超低特价疯抢 数量有限！</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/promote-3.jpg"></li>
					<li class="li2">三星家庭影院 HT</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/laser-pen.jpg"></li>
					<li class="li2">明基MP512投影机 2889元 送100元京东券</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/mouse.jpg"></li>
					<li class="li2">罗技数据1TB移动鼠标729元开枪</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/earphone.jpg"></li>
					<li class="li2">海参那儿极品耳机绝对不容错过</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/Wancom.jpg"></li>
					<li class="li2">亚马逊随时圆度，随时记录，史上最佳选择</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/Frame.jpg"></li>
					<li class="li2">优雅相框</li>
				</ul>
				<ul class="ul2">
					<li><img src="images/notebook.jpg"></li>
					<li class="li2">IBM 2009最欣赏网本</li>
				</ul>
			</div>
			<div class="height hw3d lfloat">
				<dl class="dl">
					<dt class="lfloat">
						<img src="images/show1.jpg" class="boder" />
					</dt>
					<dd>
						<a href="info.html">大牌狂降价，三者直送</a>
					</dd>
				</dl>
				<dl class="dl">
					<dt class="lfloat">
						<img src="images/show2.jpg" class="boder" />
					</dt>
					<dd>
						<a href="info.html">大学要求老师开网店</a>
					</dd>
				</dl>
				<dl class="dl">
					<dt class="lfloat">
						<img src="images/show3.jpg" class="boder" />
					</dt>
					<dd>
						<a href="info.html">黑眼圈推荐，美白不停</a>
					</dd>
				</dl>
				<dl class="dl">
					<dt class="lfloat">
						<img src="images/show4.jpg" class="boder" />
					</dt>
					<dd>
						<a href="info.html">狂神狂嘲讽，修行之玄</a>
					</dd>
				</dl>
			</div>
			<div>
				<iframe src="foot.html" width="980" height="136" frameborder="0" scrolling="no"></iframe>
			</div>
		</div>
	</body>
</html>
